<!DOCTYPE html PUBLIC "-//W4C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>ebay Map View</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Bing Map API -->
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

<script type="text/javascript">

         var map = null; 
         var pinInfobox = null;        

         function GetMap()
         {
            // Initialize the map using my Bing maps key
            map = new Microsoft.Maps.Map(document.getElementById("myMap"),
            		{credentials:"Al-dOWipRA2Uoptx-e5xjpXMnKb77bii6_LoQjLmwvGyp6R69WT-IcMy5S9b2QLN" }); 
            
            map.entities.clear(); 
            var location = new Microsoft.Maps.Location(39.5, -98.35); 
            var pin= new Microsoft.Maps.Pushpin(map.getCenter(),
            		{icon:"resources/image/push_pin.png", height:39, width:25, draggable: false});
            map.entities.push(pin); 

            // Create the infobox for the pushpin
            pinInfobox = new Microsoft.Maps.Infobox(pin.getLocation(), 
                {title: 'My Pushpin', 
                 description: 'This pushpin is located at (0,0).', 
                 visible: false, 
                 offset: new Microsoft.Maps.Point(0,0)});

            // Add handler for the pushpin click event.
            Microsoft.Maps.Events.addHandler(pin, 'mouseover', displayInfobox);
            Microsoft.Maps.Events.addHandler(pin, 'mouseout', hideInfobox);

            // Add the pushpin and infobox to the map
            map.entities.push(pin);
            map.entities.push(pinInfobox);
         }

         function displayInfobox(e)
         {
            pinInfobox.setOptions({ visible:true });
         }

         function hideInfobox(e)
         {
            pinInfobox.setOptions({ visible: false });
         }
      </script>
</head>
<body onload="GetMap();">
	<div id='myMap'
		style="position: relative; width: 800px; height: 500px;"></div>
</body>
</html>

